// 获取当日天气的格式化信息
function getToday()
{
  return formatDate(new Date());
}

// 刷新每天的图片
function refresh()
{
  // 获取日期输入元素  
  var dateInput = document.getElementById('myDate');  
    
  // 获取用户选择的日期  
  var selectedDate = new Date(dateInput.value);
  var fd = formatDate(selectedDate);
  loadData(fd);
}

// 格式化日期数据 yyyy-mm-dd
function formatDate(selectedDate) {  
    
  // 转换日期格式为"YYYY-MM-DD"
  var formattedDate = selectedDate.getFullYear() + '-' +  
                      ('0' + (selectedDate.getMonth() + 1)).slice(-2) + '-' +  
                      ('0' + selectedDate.getDate()).slice(-2);  
    
  // 显示转换后的日期  
  // console.log(formattedDate);
  return formattedDate;  
  // 如果你想在页面上显示这个日期，你可以更新某个元素的文本内容  
  // document.getElementById('displayDate').textContent = formattedDate;
}

// 获取图片数据
function loadData(formattedDate) {
      // 异步加载并解析 JSON 数据
      const url = `http://182.92.6.98:8090/img/date?date=${formattedDate}`; 
      // console.info(url);
      var myHeaders = new Headers();
      myHeaders.append('Accept', 'application/json');

      var requestOptions = {  
          method: 'GET',  
          headers: myHeaders,  
          redirect: 'follow'  
      };

      fetch(url, requestOptions)
        .then(response => response.json())
        .then(json => buildAlbum(json))
        .catch(error => console.error('加载 JSON 出错：', error));
    }

// 将图片布置在页面上
function buildAlbum(json) {
  console.log('我进来了');
  // var jsonString = JSON.stringify(jsonTT); // 将对象转换为 JSON 字符串

  // var json = JSON.parse(jsonString);
  console.log(json);
  // 清空原有相册内容
  var albumContainer = document.getElementById('main');
  albumContainer.innerHTML = '';
  var basrUrl = "http://182.92.6.98:4869/"

  // 遍历每组照片
  json.forEach(function (photo) {
    console.log(photo);
    // 为每张照片创建一个新的 div
    var photoDiv = document.createElement('div');
    photoDiv.className = 'photo';

    // 创建一个图片元素
    var img = document.createElement('img');
    img.src = basrUrl + photo.imgUrl;
    img.alt = photo.imgName;
    img.title = photo.imgRemarks;
    img.addEventListener('click', function(){
        document.getElementById('imageModal').style.display = 'flex'; 
        document.getElementById('mainPage').classList.add('hidden');
      
        // 设置弹窗中图片的来源（这里只是一个示例 URL，你需要替换成实际的图片 URL）  
        document.getElementById('modalImage').src = this.src;
  
        // 获取弹窗元素  
        var modal = document.getElementById("imageModal");  
          
        // 当用户点击弹窗之外的区域时，关闭弹窗  
        window.onclick = function(event) {  
            if (event.target == modal) {  
                modal.style.display = "none";  
                document.getElementById('mainPage').classList.remove('hidden');
            }  
        }
    })

    // 为图片添加点击事件监听器
    // img.addEventListener('click', function () {
    //   // 创建一个虚拟的链接元素
    //   var link = document.createElement('a');
    //   link.href = photo.imgUrl; // 设置图片路径为下载路径
    //   link.download = photo.imgName; // 设置下载文件名

    //   // 将链接添加到文档中
    //   document.body.appendChild(link);

    //   // 模拟点击链接
    //   link.click();

    //   // 移除链接元素
    //   document.body.removeChild(link);
    // });

    // 将图片添加到照片的 div 中
    photoDiv.appendChild(img);

    // 将照片的 div 添加到相册容器中
    albumContainer.appendChild(photoDiv);
  });
}

// 初始加载数据
// var today = getToday();
// var input_data = document.getElementById('myDate');
// input_data.value = today;
// loadData(today);